<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<link rel="icon" type="image/png" sizes="96x96" href="http://192.168.11.26/xlog/assets/img/favicon.png">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta http-equiv="refresh" content="60">	

	<title>{{.Title}}</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />


    <!-- Bootstrap core CSS     -->
    <link href="http://192.168.11.26/xlog/assets/css/bootstrap.min.css" rel="stylesheet" />

    <!--  Paper Dashboard core CSS    -->
    <link href="http://192.168.11.26/xlog/assets/css/paper-dashboard.css" rel="stylesheet"/>

    <!--  Fonts and icons     -->
    <link href="http://192.168.11.26/xlog/assets/css/font-awesome.min.css" rel="stylesheet">
     <link href='http://192.168.11.26/xlog/assets/css/css.css' rel='stylesheet' type='text/css'>
	<link href="http://192.168.11.26/xlog/assets/css/themify-icons.css" rel="stylesheet">

    <!-- 引入 ECharts 文件 -->
	<script type="text/javascript" src="http://192.168.11.26/xlog/assets/js/jquery.js"></script>
    <script src="http://192.168.11.26/xlog/assets/js/echarts.min.js"></script>
	<script src="http://192.168.11.26/xlog/assets/js/china.js"></script>
	
</head>
<body>

<div class="wrapper">
	<div class="sidebar" data-background-color="white" data-active-color="danger">

    <!--
		Tip 1: you can change the color of the sidebar's background using: data-background-color="white | black"
		Tip 2: you can change the color of the active button using the data-active-color="primary | info | success | warning | danger"
	-->

    	<div class="sidebar-wrapper">
            <div class="logo">
                <a href="#" class="simple-text">
                    Xlog Demo
                </a>
            </div>

            <ul class="nav">
                <li>
                    <a href="/">
                        <i class="ti-home"></i>
                        <p>Summary</p>
                    </a>
                </li>
                <li>
                    <a href="statuscode">
                        <i class="ti-bar-chart-alt"></i>
                        <p>Status Code</p>
                    </a>
                </li>
                <li>
                    <a href="useragent">
                        <i class="ti-world"></i>
                        <p>User Agent</p>
                    </a>
                </li>
                <li>
                    <a href="remoteaddress">
                        <i class="ti-desktop"></i>
                        <p>Remote Address</p>
                    </a>
                </li>
                <li>
                    <a href="requesturi">
                        <i class="ti-files"></i>
                        <p>Request Uri</p>
                    </a>
                </li>
                <li>
                    <a href="bodybytes">
                        <i class="ti-server"></i>
                        <p>Body Bytes</p>
                    </a>
                </li>
				<li>
                    <a href="referer">
                        <i class="ti-link"></i>
                        <p>Referer</p>
                    </a>
                </li>
				<li  class="active">
                    <a href="chinamaps">
                        <i class="ti-map-alt"></i>
                        <p>China Maps</p>
                    </a>
                </li>
            </ul>
    	</div>
    </div>

    <div class="main-panel">
		<div class="content">
            <div class="container-fluid">
                <div class="card card-map">
					<div class="map">
                    <div id="chinamap" style="width: 100%px;height:100%;"></div>
					</div>
				</div>
			</div>

		</div>
    </div>
</div>


</body>

	<script type="text/javascript">
    	$(document).ready(function(){
			dashboard.getChinaMaps();
    	});
	</script>
	
	<script src="http://192.168.11.26/xlog/assets/js/xlog.js"></script>

</html>
